奥义思网站建设-www.aooly.com
奥义思坚信质量高于产量
我们的团队自成立以来,秉承着质量是衡量价值最重要标准的理念,致力于打造高品质数字产品。不放过任何一个小的瑕疵而一蹴而就,体现的不仅是我们对品质的苛求,也是对客户以及产品负责的态度。
马上联系我们,让天才的设计师帮您实现这一切。

    CSS完全教程8 文本(Text)属性

      6、文本(Text)属性:

       

      这里的属性将影响WEB文档中的文本显示情况。

       

      text-indent属性描述文本的缩进程度:

      属性名称: 'text-indent'
      属性值: <length> | <percentage>
      初始值: 0
      适合对象: 容器元素
      是否继承: yes
      百分比备注: 根据父元素的宽度而定

      下面的例子表明段落的缩进值为3em

      P { text-indent: 3em }

      Alignment属性表明文本的对齐方式:

      属性名称: 'alignment'
      属性值: left | right | center | justify
      初始值: 依照用户定义
      适合对象: block-level elements
      是否继承: yes
      百分比备注: 被禁止


      text-decoration属性描述对文本的修饰方法

      属性名称: 'text-decoration'
      属性值: none | [ underline || overline || line-through || blink ]
      初始值: none
      适合对象: 所有元素
      是否继承: no (see clarification below)
      百分比备注: 被禁止

      属性值含义分别为:
      underline:下划线。
      overline:上划线。
      line-through:删除线。
      blink:闪烁(如同Navigator中的blink标记的功能)

      text-shadow属性可以为文本加入阴影的特效:

      属性名称: 'text-shadow'
      属性值: none | <color> [, <color> ]*
      初始值: none
      适合对象: all
      是否继承: No
      百分比备注: 只在描述透明度时有效

      例如:

      P { text-shadow: black }

      上例将在文本的右下方显示黑色阴影,另外阴影将增大BOX的面积。

      letter-spacing属性表明文本的字间距:属性名称: 'letter-spacing'

      属性值: normal | <length> | auto
      初始值: normal
      适合对象: 所有元素
      是否继承: yes
      百分比备注: 被禁止

      例如:

      BLOCKQUOTE { letter-spacing: 0.1em }

      word-spacing属性表明文本中单词间距

      属性名称: 'word-spacing'
      属性值: normal | <length>
      初始值: normal
      适合对象: 所有元素
      是否继承: yes
      百分比备注: 被禁止

      例如:

      H1 { word-spacing: 1em }

      text-transform属性可以将BOX内的文本按指定的大写或小写形式显示

      属性名称: 'text-transform'
      属性值: capitalize | uppercase | lowercase | none
      初始值: none
      适合对象: 所有元素
      是否继承: yes
      百分比备注: 被禁止

      属性值含义为:
      capitalize:把BOX中的每句句首字母变成大写。
      uppercase:把BOX中所有的字母变成大写。
      lowercase:把BOX中所有的字母变成小写。

      White-space属性描述如何显示文本中的空格,在HTML中,空格是被省略的,也就是说你在一个段落标记的开头无论输入多少个空格都是无效的,要输入空格有两个方法,一是直接输入空格的代码"&nbsp;",或者使用<pre>标记,CSS中也制定了类似于pre的属性:

      属性名称: 'white-space'
      属性值: normal | pre | nowrap
      初始值: normal
      适合对象: 容器元素
      是否继承: yes
      百分比备注: 被禁止

      例如:

      PRE { white-space: pre }
      P { white-space: normal }